
        <!doctype html>
        <html>
        <head>
            <title>Video Stream</title>
        </head>
        <body>
            <h1>Video Stream</h1>
            <img src="{{ url_for('video_feed') }}">
            <div id="numpy-data">Waiting for data...</div>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
            <script>
                // 连接到服务端的 /web 命名空间
                var socket = io.connect('http://' + document.domain + ':' + location.port + '/web');
                
                // 接收并显示NumPy数据
                socket.on('numpy_data_to_web', function(data) {
                    document.getElementById('numpy-data').innerHTML = 
                        'Received numpy data: ' + JSON.stringify(data);
                });
            </script>
        </body>
        </html>
        